<!DOCTYPE html>
<html lang="zxx">
  <head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>青岛宏吉云科技有限公司</title>
  <meta content="" name="青岛宏吉云科技有限公司">
  <meta name="description" content="Tech-IT - IT Solutions & Business Services Multipurpose Responsive HTML5 Bootstrap5 Website Template">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta content="" name="ZRTHEMES">

  <!-- Favicons -->


  <!-- Google Fonts -->
  <link href="static/css/css2.css" rel="stylesheet">
  <link rel="preconnect" href="https://fonts.googleapis.com/">
  <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="">
  <link href="static/css/css21.css" rel="stylesheet">
  <link href="static/css/css22.css" rel="stylesheet">
  <!-- Vendor CSS Files -->
  <link href="static/css/aos.css" rel="stylesheet">
  <link href="static/css/font-awesome.min.css" rel="stylesheet">
  <link href="static/css/swiper-bundle.min.css" rel="stylesheet">
  <link href="static/css/glightbox.min.css" rel="stylesheet">
  <link href="static/css/bootstrap.min.css" rel="stylesheet">
  <link href="static/css/bootstrap-icons.css" rel="stylesheet">
  <!-- Main CSS File -->
  <link href="static/css/styles.css" rel="stylesheet">


</head>

<body data-aos-easing="ease-in-out" data-aos-duration="1000" data-aos-delay="0">

  <header id="header" class="header d-flex align-items-center sticked stikcy-menu">
    <div class="container-fluid container-xl d-flex align-items-center justify-content-between">
      <a href="#" class="logo d-flex align-items-center">
        <img src="static/picture/logo.png" alt="logo">
      </a>
      <nav id="navbar" class="navbar">
        <ul>
          <li><a href="#hero" class="">首页</a></li>
          <li><a href="#services" class="">服务范围</a></li>
          <li><a href="#portfolio" class="">案例展示</a></li>
          <li><a href="#testimonials" class="">软件服务</a></li>
          <li><a href="#team" class="">关于我们</a></li>
          <!-- <li class="dropdown"><a href="#"><span>菜单</span> <i class="bi bi-chevron-down dropdown-indicator"></i></a>
            <ul>
              <li><a href="#">Pricing</a></li>
              <li><a href="#">Why Us?</a></li>
              <li><a href="#">Terms &amp; Conditions</a></li>
              <li><a href="#">Privacy Policy</a></li>
            </ul>
          </li> -->
          <li><a href="#recent-posts">新闻资讯</a></li>
        </ul>
      </nav><!-- .navbar -->
      <a href="#contact" class="btn-get-started">联系我们</a>
      <i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
      <i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
    </div>
  </header>
  <!-- End Header -->

  <!--  Hero Section  -->
  <section id="hero" class="hero sticked-header-offset">

    <div id="particles-js"></div>
    <div id="repulse-circle-div"></div>
    <div class="container position-relative">
      <div class="row gy-5 aos-init aos-animate">
        <div class="col-lg-7  order-lg-1 d-flex flex-column justify-content-start text-left caption">
          <h2 data-aos="fade-up">提供卓越的服务及先进的科技和设计品质<span>IT 解决方案</span><span class="circle" data-aos="fade-right" data-aos-delay="800">.</span></h2>
          <p data-aos="fade-up" data-aos-delay="400">网站建设是指使用标识语言（markup language)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。简单来说，网页设计的目的就是产生网站。</p>
          <div class="social" data-aos="fade-up" data-aos-delay="600">
            <a href=""><i class="bi bi-twitter"></i></a>
            <a href=""><i class="bi bi-facebook"></i></a>
            <a href=""><i class="bi bi-linkedin"></i></a>
            <a href=""><i class="bi bi-instagram"></i></a>
          </div>
          <div class="d-flex justify-content-start">
            <a href="#contact" class="btn-get-started mr-20" data-aos="fade-up" data-aos-delay="800">联系我们</a>
            <a href="#services" class="btn-get-started" data-aos="fade-up" data-aos-delay="1000">立即开始</a>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- End Hero Section -->

  <main id="main">
    <!-- Start Service Section -->
    <div id="services" class="section">
      <div class="top-icon-box position-relative">
        <div class="container position-relative">
          <div class="section-header">
            <h2>我们的服务 Our Services</h2>
            <p>客户的成功才是我们的价值</p>
          </div>
          <div class="row gy-4">
  
            <div class="col-xl-4 col-md-4" data-aos="fade-up" data-aos-delay="100">
              <div class="icon-box">
                <div class="icon"><img src="static/picture/service-design.svg" alt="icon"></div>
                <h4 class="title"><a href="" class="stretched-link">政企网站建设</a></h4>
                <p>面向全国进行各类网站建设，专注于宣传型网站建设、集团型网站建设、营销型网站建设、行业类网站建设、地产类网站建设、政府类网站建设、电商网站建设等。</p>
              </div>
            </div>
            <!--End Icon Box -->
  
            <div class="col-xl-4 col-md-4" data-aos="fade-up" data-aos-delay="200">
              <div class="icon-box">
                <div class="icon"><img src="static/picture/service-hosting.svg" alt="icon"></div>
                <h4 class="title"><a href="" class="stretched-link">微信小程序开发</a></h4>
                <p>利用微信小程序的流量优势，在微信上搭建小程序，包含各个行业小程序平台：外卖小程序、美业小程序等；充分利用小程序优势辅助商家更好的做生意。</p>
              </div>
            </div>
            <!--End Icon Box -->
  
            <div class="col-xl-4 col-md-4" data-aos="fade-up" data-aos-delay="500">
              <div class="icon-box">
                <div class="icon"><img src="static/picture/service-social.svg" alt="icon"></div>
                <h4 class="title"><a href="" class="stretched-link">微信平台运营</a></h4>
                <p>微信平台运营是伴随着微信的火热产生的一种网络营销方式，它不仅可以成为企业的免费宣传平台，树立品牌形象，还可以与网站对接，为企业带来转化率和利润。</p>
              </div>
            </div>
            <!--End Icon Box -->
  
            <div class="col-xl-4 col-md-4" data-aos="fade-up" data-aos-delay="100">
              <div class="icon-box">
                <div class="icon"><img src="static/picture/service-seo.svg" alt="icon"></div>
                <h4 class="title"><a href="" class="stretched-link">平面广告设计</a></h4>
                <p>“以设计的力量为品牌增值”是品格互联的核心理念，公司的业务范围涵盖公司形象logo设计、海报设计、名片设计等，帮助品牌提升竞争力，创造新价值。</p>
              </div>
            </div>
            <!--End Icon Box -->
  
  
            <div class="col-xl-4 col-md-4" data-aos="fade-up" data-aos-delay="200">
              <div class="icon-box">
                <div class="icon"><img src="static/picture/service-cloud.svg" alt="icon"></div>
                <h4 class="title"><a href="" class="stretched-link">app软件开发</a></h4>
                <p>承接IOS/Android原生态商业定制开发服务，从*初的需求沟通、项目评估、技术/视觉UI、UE规划；到开发阶段的前端开发、程序开发、接口对接、程序测试；到发布阶段到各大安卓市场及APP Store正式上线全称无缝对接</p>
              </div>
            </div>
            <!--End Icon Box -->
  
  
            <div class="col-xl-4 col-md-4" data-aos="fade-up" data-aos-delay="500">
              <div class="icon-box">
                <div class="icon"><img src="static/picture/service-secure.svg" alt="icon"></div>
                <h4 class="title"><a href="" class="stretched-link">PC后台管理系统</a></h4>
                <p>网站后台管理系统主要是用于对网站前台的信息管理，如文字、图片、影音、和其他日常使用文件的发布、更新、删除等操作，同时也包括会员信息、订单信息、访客信息的统计和管理。对网站数据库和文件的快速操作和管理系统。</p>
              </div>
            </div>
            <!--End Icon Box -->
  
          </div>
        </div>
      </div>
    </div>
    <!-- End Service Section -->

    <!-- Featured -->
    <section>
      <div class="container my-5" id="featured">
          <div class="section-header" data-aos="fade-up" data-aos-delay="100">
            <h2>Why Choose Us</h2>
            <p>专注专业的支持和服务，追求设计品质</p>
          </div>
       <div class="row">
        <!-- start  left -->
        <div class="col-md-5 left">
          <div class="list-wrap" data-aos="fade-up" data-aos-delay="100">
            <div class="description">
              <h4>专业知识 和<span style="color: #f2c76e;"> 经验</span></h4>
              <p>专业的公司、专业的技术、专业的服务和丰富的产品才能保证产品的质。</p>
            </div>
              <div class="icon">
                <img src="static/picture/icon-1.svg" alt="icon">
                <small class="text-uppercase" style="color: #f2c76e;">1</small>
              </div>
           </div>
          
          <div class="list-wrap" data-aos="fade-up" data-aos-delay="400">
            <div class="description">
              <h4>质量<span style="color: #f2c76e;"> 产品</span></h4>
              <p>始于需求，精于品质。开发团队具有丰富的智能硬件、移动互联网及行业软件开发经验，为客户提供多套解决方案。</p>
            </div>
              <div class="icon">
                <img src="static/picture/service-design.svg" alt="icon">
                <small class="text-uppercase" style="color: #f2c76e;">2</small>
              </div>
         </div>
          
          
          <div class="list-wrap" data-aos="fade-up" data-aos-delay="500">
            <div class="description">
              <h4>以客户为<span style="color: #f2c76e;"> 中心</span></h4>
              <p>增强客户满意度，驱动企业发展，建立长期稳定的合作关系。</p>
            </div>
            <div class="icon">
              <img src="static/picture/icon-3.svg" alt="icon">
              <small class="text-uppercase" style="color: #f2c76e;">3</small>
            </div>
          </div>
        </div>
        <!-- end  left -->
         
        <!-- start  center -->
        <div class="col-md-2 p-4 p-sm-5 center">
          <div class="list-center-wrap" data-aos="fade-up" data-aos-delay="100">
            <div class="center-icon">
              <img src="static/picture/icon-center.svg" alt="icon">
            </div>
          </div>
        </div>
        <!-- end  center -->
        <!-- start  right -->
        <div class="col-md-5 right">
          <div class="list-wrap" data-aos="fade-up" data-aos-delay="100">
            <div class="icon">
              <img src="static/picture/icon-4.svg" alt="icon">
              <small class="text-uppercase" style="color: #f2c76e;">4</small>
            </div>
            <div class="description">
              <h4><span style="color: #f2c76e;">竞争力 </span>的价格</h4>
              <p>同行业内具有性价比的产品价格</p>
            </div>
         </div>
          
          <div class="list-wrap" data-aos="fade-up" data-aos-delay="200">
            <div class="icon">
              <img src="static/picture/icon-5.svg" alt="icon">
              <small class="text-uppercase" style="color: #f2c76e;">5</small>
            </div>
            <div class="description">
              <h4><span style="color: #f2c76e;">按时 </span>交付</h4>
              <p>全团队在保证产品质量的前提下，按时按点的给到客户手中使用</p>
            </div>
          </div>
          
          
          <div class="list-wrap" data-aos="fade-up" data-aos-delay="500">
            <div class="icon">
              <img src="static/picture/icon-6.svg" alt="icon">
              <small class="text-uppercase" style="color: #f2c76e;">6</small>
            </div>
            <div class="description">
              <h4><span style="color: #f2c76e;">24/7 </span>服务支持</h4>
              <p>24小时在线客服，有问题随时解决。全方位服务支撑，售前、售中、售后跟踪服务，确保及时为客户解决问题，用心服务，保障优秀品质。</p>
            </div>
           </div>
        </div>
        <!-- end  right -->
       </div>
      
     </div>
 </section>
 <!-- Featured -->





    <!-- - - - - - - - - Portfolio Section          -->
    <section id="portfolio" class="portfolio section-grey">
      <div class="container" data-aos="fade-up">
        <div class="section-header">
          <h2>我们的服务案例</h2>
          <p>做价值的传播者</p>
        </div>
        <div class="portfolio-isotope" data-portfolio-filter="*" data-portfolio-layout="masonry" data-portfolio-sort="original-order" data-aos="fade-up" data-aos-delay="100">
          <div>
            <ul class="portfolio-flters">
              <li data-filter="*" class="filter-active">所有</li>
              <li data-filter=".filter-app">程序设计</li>
              <li data-filter=".filter-product">程序开发</li>
              <li data-filter=".filter-branding">品牌</li>
              <li data-filter=".filter-books">It 解决方案</li>
            </ul><!-- End Portfolio Filters -->
          </div>

          <div class="row gy-4 portfolio-container">

            <div class="col-xl-4 col-md-6 portfolio-item filter-app">
              <div class="portfolio-wrap">
                <a href="static/file/large.jpg" data-gallery="portfolio-gallery-app" class="glightbox"><img src="static/picture/app-small-1.jpg" class="img-fluid" alt=""></a>
                <div class="portfolio-info">
                  <h4><a href="#" title="More Details">App 1</a></h4>
                  <div class="project-deatils-aside">
                      <div class="project-btn"><a href="#" class="fill-btn">查看案例</a></div>
                  </div>
                </div>
              </div>
            </div><!-- End Portfolio Item -->

            <div class="col-xl-4 col-md-6 portfolio-item filter-product">
              <div class="portfolio-wrap">
                <a href="static/file/large.jpg" data-gallery="portfolio-gallery-app" class="glightbox"><img src="static/picture/product-small-1.jpg" class="img-fluid" alt=""></a>
                <div class="portfolio-info">
                  <h4><a href="#" title="More Details">Product 1</a></h4>
                  <div class="project-deatils-aside">
                      <div class="project-btn"><a href="#" class="fill-btn">查看案例</a></div>
                  </div>
                </div>
              </div>
            </div><!-- End Portfolio Item -->

            <div class="col-xl-4 col-md-6 portfolio-item filter-branding">
              <div class="portfolio-wrap">
                <a href="static/file/large.jpg" data-gallery="portfolio-gallery-app" class="glightbox"><img src="static/picture/branding-small-1.jpg" class="img-fluid" alt=""></a>
                <div class="portfolio-info">
                  <h4><a href="#" title="More Details">Branding 1</a></h4>
                  <div class="project-btn"><a href="#" class="fill-btn">查看案例</a></div>
                </div>
              </div>
            </div><!-- End Portfolio Item -->

            <div class="col-xl-4 col-md-6 portfolio-item filter-books">
              <div class="portfolio-wrap">
                <a href="static/file/large.jpg" data-gallery="portfolio-gallery-app" class="glightbox"><img src="static/picture/books-small-1.jpg" class="img-fluid" alt=""></a>
                <div class="portfolio-info">
                  <h4><a href="#" title="More Details">Books 1</a></h4>
                  <div class="project-btn"><a href="#" class="fill-btn">查看案例</a></div>
                </div>
              </div>
            </div><!-- End Portfolio Item -->

            <div class="col-xl-4 col-md-6 portfolio-item filter-app">
              <div class="portfolio-wrap">
                <a href="static/file/large.jpg" data-gallery="portfolio-gallery-app" class="glightbox"><img src="static/picture/app-small-2.jpg" class="img-fluid" alt=""></a>
                <div class="portfolio-info">
                  <h4><a href="#" title="More Details">App 2</a></h4>
                   <div class="project-btn"><a href="#" class="fill-btn">查看案例</a></div>
                </div>
              </div>
            </div><!-- End Portfolio Item -->

            <div class="col-xl-4 col-md-6 portfolio-item filter-branding">
              <div class="portfolio-wrap">
                <a href="static/file/large.jpg" data-gallery="portfolio-gallery-app" class="glightbox"><img src="static/picture/branding-small-2.jpg" class="img-fluid" alt=""></a>
                <div class="portfolio-info">
                  <h4><a href="#" title="More Details">Branding 2</a></h4>
                  <div class="project-deatils-aside">
                    <div class="project-btn"><a href="#" class="fill-btn">查看案例</a></div>
                  </div>
                </div>
              </div>
            </div><!-- End Portfolio Item -->
          </div><!-- End Portfolio Container -->

        </div>

      </div>
    </section><!-- End Portfolio Section -->


  <div class="pricing section" style="display: none;">
    <div class="container-fluid">
      <div class="container">
        <div class="section-header">
          <h2>定制价格</h2>
          <p>分享价值，同步成长</p>
        </div>
        <div class="row">
          <div class="col-sm-6 col-md-6 col-lg-3">
            <div class="card text-center">
              <div class="title">
                <img src="static/picture/pricing-basic.svg" alt="icon">
                <h2>Basic</h2>
              </div>
              <div class="price">
                <h4><sup>$</sup>25</h4>
              </div>
              <div class="option">
                <ul>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Unlimited GB Space</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> 30 Domain Names</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Free SSL</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Daily Backup</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Free Templates</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Free Email</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> 10 Databases</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Unlimited Email Address</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Live Support</li>
                </ul>
              </div>
              <a href="#">Order Now</a>
            </div>
          </div>
          <div class="col-sm-6 col-md-6 col-lg-3">
            <div class="card text-center">
              <div class="title">
                <img src="static/picture/pricing-standard.svg" alt="icon">
                <h2>Standard</h2>
              </div>
              <div class="price">
                <h4><sup>$</sup>50</h4>
              </div>
              <div class="option">
                <ul>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Unlimited GB Space</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> 30 Domain Names</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Free SSL</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Daily Backup</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Free Templates</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Free Email</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> 10 Databases</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Unlimited Email Address</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Live Support</li>
                </ul>
              </div>
              <a href="#">Order Now</a>
            </div>
          </div>
          <div class="col-sm-6 col-md-6 col-lg-3">
            <div class="card text-center">
              <div class="title">
                <img src="static/picture/pricing-premium.svg" alt="icon">
                <h2>Premium</h2>
              </div>
              <div class="price">
                <h4><sup>$</sup>100</h4>
              </div>
              <div class="option">
                <ul>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Unlimited GB Space</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> 30 Domain Names</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Free SSL</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Daily Backup</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Free Templates</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Free Email</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> 10 Databases</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Unlimited Email Address</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Live Support</li>
                </ul>
              </div>
              <a href="#">Order Now</a>
            </div>
          </div>
          <div class="col-sm-6 col-md-6 col-lg-3">
            <div class="card text-center">
              <div class="title">
                <img src="static/picture/pricing-custom.svg" alt="icon">
                <h2>Custom</h2>
              </div>
              <div class="price">
                <h4><sup>$</sup>500</h4>
              </div>
              <div class="option">
                <ul>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Unlimited GB Space</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> 30 Domain Names</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Free SSL</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Daily Backup</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Free Templates</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Free Email</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> 10 Databases</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Unlimited Email Address</li>
                  <li><i class="bi bi-check-circle" aria-hidden="true"></i> Live Support</li>
                </ul>
              </div>
              <a href="#">Order Now</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


    <!--  Testimonials Section  -->
    <section id="testimonials" class="testimonials">
      <div class="container" data-aos="fade-up">

        <div class="section-header">
          <h2>软件服务</h2>
          <p>专业的支持和服务</p>
        </div>

        <div class="slides-3 swiper" data-aos="fade-up" data-aos-delay="100">
          <div class="swiper-wrapper">

            <div class="swiper-slide">
              <div class="testimonial-wrap">
                <div class="testimonial-item">
                  <div class="d-flex align-items-center info-box">
                    <img src="static/picture/anew1.png" class="testimonial-img flex-shrink-0" alt="">
                    <div>
                      <h3>宏吉云</h3>
                      <h4>App</h4>
                      <div class="stars">
                        <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
                      </div>
                    </div>
                  </div>
                  <p>
                    <i class="bi bi-quote quote-icon-left"></i>
                    Very good software to have.Thanks for your material, you are so nice. It's a pleasure.
                    <i class="bi bi-quote quote-icon-right"></i>
                  </p>
                </div>
              </div>
            </div><!-- End testimonial item -->

            <div class="swiper-slide">
              <div class="testimonial-wrap">
                <div class="testimonial-item">
                  <div class="d-flex align-items-center info-box">
                    <img src="static/picture/anew2.png" class="testimonial-img flex-shrink-0" alt="">
                    <div>
                      <h3>沃艾客</h3>
                      <h4>PC CMS</h4>
                      <div class="stars">
                        <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
                      </div>
                    </div>
                  </div>
                  <p>
                    <i class="bi bi-quote quote-icon-left"></i>
                    Very good software to have.Thanks for your material, you are so nice. It's a pleasure.
                    <i class="bi bi-quote quote-icon-right"></i>
                  </p>
                </div>
              </div>
            </div><!-- End testimonial item -->

            <div class="swiper-slide">
              <div class="testimonial-wrap">
                <div class="testimonial-item">
                  <div class="d-flex align-items-center info-box">
                    <img src="static/picture/anew3.png" class="testimonial-img flex-shrink-0" alt="">
                    <div>
                      <h3>商城</h3>
                      <h4>App</h4>
                      <div class="stars">
                        <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
                      </div>
                    </div>
                  </div>
                  <p>
                    <i class="bi bi-quote quote-icon-left"></i>
                    Very good software to have.Thanks for your material, you are so nice. It's a pleasure.
                    <i class="bi bi-quote quote-icon-right"></i>
                  </p>
                </div>
              </div>
            </div><!-- End testimonial item -->

            <div class="swiper-slide">
              <div class="testimonial-wrap">
                <div class="testimonial-item">
                  <div class="d-flex align-items-center info-box">
                    <img src="static/picture/anew4.png" class="testimonial-img flex-shrink-0" alt="">
                    <div>
                      <h3>桌面程序</h3>
                      <h4>exe</h4>
                      <div class="stars">
                        <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
                      </div>
                    </div>
                  </div>
                  <p>
                    <i class="bi bi-quote quote-icon-left"></i>
                    Very good software to have.Thanks for your material, you are so nice. It's a pleasure.
                    <i class="bi bi-quote quote-icon-right"></i>
                  </p>
                </div>
              </div>
            </div><!-- End testimonial item -->
          </div>
          <div class="swiper-pagination"></div>
        </div>
      </div>
    </section>
    <!-- End Testimonials Section -->

    <!--  Start Counter Section  -->
    <div id="stats-counter" class="call-to-action stats-counter section">
      <div class="container" data-aos="fade-up">
        <div class="row gy-4 align-items-center">
          <div class="col-lg-4">
            <div class="stats-item d-flex flex-column align-items-center">
              <div class="icon"><img src="static/picture/happy-clients.svg" alt="icon"></div>
              <span data-purecounter-start="0" data-purecounter-end="14347" data-purecounter-duration="1" class="purecounter"></span>
              <p><span>拥有的用户</span> consequuntur quae diredo para mesta</p>
            </div><!-- End Stats Item -->
            </div>
            <div class="col-lg-4">
            <div class="stats-item d-flex flex-column align-items-center">
              <div class="icon"><img src="static/picture/complete-projects.svg" alt="icon"></div>
              <span data-purecounter-start="0" data-purecounter-end="17" data-purecounter-duration="1" class="purecounter"></span>
              <p><span>服务的企业</span> adipisci atque cum quia aut</p>
            </div><!-- End Stats Item -->
            </div>
            <div class="col-lg-4">
            <div class="stats-item d-flex flex-column align-items-center">
              <div class="icon"><img src="static/picture/hours-support.svg" alt="icon"></div>
              <span data-purecounter-start="0" data-purecounter-end="2153" data-purecounter-duration="1" class="purecounter"></span>
              <p><span>服务时长</span> aut commodi quaerat</p>
            </div><!-- End Stats Item -->
          </div>
        </div>
        <div class="row pt-5 gy-4 text-center">
          <div class="col-lg-12 pt-5">
              <h3>联系我们</h3>
              <p>使用下面的表格与我们的团队联系， 我们已经准备好了，随时为您提供专业的支持。</p>
              <a class="cta-btn" href="#contact" data-aos="fade-up" data-aos-delay="800">联系我们</a>
          </div>
        </div>
      </div>
    </div>
    <!--  End Counter Section  -->

    <!--  Clients Section  -->
    <div id="clients" class="clients section">
      <div class="container" data-aos="zoom-out">
  
        <div class="clients-slider swiper">
          <div class="swiper-wrapper align-items-center">
            <div class="swiper-slide"><img src="static/picture/client-1.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="static/picture/client-2.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="static/picture/client-3.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="static/picture/client-4.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="static/picture/client-5.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="static/picture/client-6.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="static/picture/client-7.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="static/picture/client-8.png" class="img-fluid" alt=""></div>
          </div>
        </div>
  
      </div>
    </div>
    <!-- End Clients Section -->


    <!--  Our Team Section  -->
    <section id="team" class="team sections-bg">
      <div class="container aos-init aos-animate" data-aos="fade-up">

        <div class="section-header">
          <h2>团队人员</h2>
          <p>虚怀若谷，上善若水</p>
        </div>

        <div class="row gy-4">

          <div class="col-xl-3 col-md-6 d-flex aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
            <div class="member">
              <img src="static/picture/team-1.jpg" class="img-fluid" alt="">
              <h4>Jhone Bi</h4>
              <span>应用开发者</span>
              <div class="social">
                <a href=""><i class="bi bi-twitter"></i></a>
                <a href=""><i class="bi bi-facebook"></i></a>
                <a href=""><i class="bi bi-linkedin"></i></a>
                <a href=""><i class="bi bi-instagram"></i></a>
              </div>
            </div>
          </div><!-- End Team Member -->

          <div class="col-xl-3 col-md-6 d-flex aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
            <div class="member">
              <img src="static/picture/team-2.jpg" class="img-fluid" alt="">
              <h4>Sani Awesome</h4>
              <span>销售总监</span>
              <div class="social">
                <a href=""><i class="bi bi-twitter"></i></a>
                <a href=""><i class="bi bi-facebook"></i></a>
                <a href=""><i class="bi bi-linkedin"></i></a>
                <a href=""><i class="bi bi-instagram"></i></a>
              </div>
            </div>
          </div><!-- End Team Member -->

          <div class="col-xl-3 col-md-6 d-flex aos-init aos-animate" data-aos="fade-up" data-aos-delay="300">
            <div class="member">
              <img src="static/picture/team-3.jpg" class="img-fluid" alt="">
              <h4>Andrio Willi</h4>
              <span>设计师</span>
              <div class="social">
                <a href=""><i class="bi bi-twitter"></i></a>
                <a href=""><i class="bi bi-facebook"></i></a>
                <a href=""><i class="bi bi-linkedin"></i></a>
                <a href=""><i class="bi bi-instagram"></i></a>
              </div>
            </div>
          </div><!-- End Team Member -->

          <div class="col-xl-3 col-md-6 d-flex aos-init aos-animate" data-aos="fade-up" data-aos-delay="400">
            <div class="member">
              <img src="static/picture/team-4.jpg" class="img-fluid" alt="">
              <h4>Afa Jonson</h4>
              <span>业务经理</span>
              <div class="social">
                <a href=""><i class="bi bi-twitter"></i></a>
                <a href=""><i class="bi bi-facebook"></i></a>
                <a href=""><i class="bi bi-linkedin"></i></a>
                <a href=""><i class="bi bi-instagram"></i></a>
              </div>
            </div>
          </div><!-- End Team Member -->

        </div>

      </div>
    </section>
    <!-- End Our Team Section -->


    <!--  Frequently Asked Questions Section  -->
    <section id="faq" class="faq">
      <div class="container" data-aos="fade-up">
        <div class="section-header">
          <h2>常见问题</h2>
          <p>专注网站建设，追求设计品质</p>
        </div>
        <div class="row gy-4">
          <div class="col-lg-12">
            <div class="accordion accordion-flush" id="faqlist" data-aos="fade-up" data-aos-delay="100">
              <div class="accordion-item">
                <h3 class="accordion-header">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-1">
                    <span class="num"><i class="bi bi-arrow-right-circle-fill"></i></span>
                    什么事网站域名和托管？
                  </button>
                </h3>
                <div id="faq-content-1" class="accordion-collapse collapse show" data-bs-parent="#faqlist">
                  <div class="accordion-body">
                    Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur
                    magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum
                    quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut
                    labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum
                    exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis
                    autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur,
                    vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
                  </div>
                </div>
              </div><!-- # Faq item-->

              <div class="accordion-item">
                <h3 class="accordion-header">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-2">
                    <span class="num"><i class="bi bi-arrow-right-circle-fill"></i></span>
           哪个服务器最适合网站linux还是windows？
                  </button>
                </h3>
                <div id="faq-content-2" class="accordion-collapse collapse" data-bs-parent="#faqlist">
                  <div class="accordion-body">
                    Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur
                    magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum
                    quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut
                    labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum
                    exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis
                    autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur,
                    vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
                  </div>
                </div>
              </div><!-- # Faq item-->

              <div class="accordion-item">
                <h3 class="accordion-header">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-3">
                    <span class="num"><i class="bi bi-arrow-right-circle-fill"></i></span>
                  谷歌和亚马逊服务器，哪个更好更快？
                  </button>
                </h3>
                <div id="faq-content-3" class="accordion-collapse collapse" data-bs-parent="#faqlist">
                  <div class="accordion-body">
                    Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur
                    magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum
                    quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut
                    labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum
                    exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis
                    autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur,
                    vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
                  </div>
                </div>
              </div><!-- # Faq item-->

              <div class="accordion-item">
                <h3 class="accordion-header">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-4">
                    <span class="num"><i class="bi bi-arrow-right-circle-fill"></i></span>
                  为什么企业SEO对企业都很重要？
                  </button>
                </h3>
                <div id="faq-content-4" class="accordion-collapse collapse" data-bs-parent="#faqlist">
                  <div class="accordion-body">
                    Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur
                    magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum
                    quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut
                    labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum
                    exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis
                    autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur,
                    vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
                  </div>
                </div>
              </div><!-- # Faq item-->
            </div>
          </div>
        </div>

      </div>
    </section>
    <!-- End Frequently Asked Questions Section -->


    <!--  Call To Action Section  -->
    <section id="call-to-action" class="call-to-action">
      <div class="container text-center aos-init aos-animate" data-aos="zoom-out">
         <div class="row gy-4">
          <div class="col-lg-12">
              <h3>让我们讨论一下你们的项目</h3>
              <p>我们为自己的执行能力和交付成果而感到自豪。使用下面的表格和我们的团队讨论您的项目需求，我们会尽快回复。</p>
              <a class="cta-btn" href="#contact" data-aos="fade-up" data-aos-delay="800">>联系我们</a>
          </div>
        </div>
      </div>
    </section>
    <!-- End Call To Action Section -->


    <!--  Recent Blog Posts Section  -->
    <section id="recent-posts" class="recent-posts sections-bg">
      <div class="container" data-aos="fade-up">
        <div class="section-header">
          <h2>资讯</h2>
          <p>让我们一起成长</p>
        </div>
        <div class="row gy-4">
          <div class="col-lg-4">
            <article>
              <div class="post-img">
                <img src="static/picture/alink1.png" alt="" class="img-fluid">
              </div>
              <p class="post-category">Domain & Hosting</p>
              <h2 class="title">
                <a href="#">如何在任何托管提供商上托管网站?</a>
              </h2>
              <div class="d-flex align-items-center">
                <div class="post-meta">
                  <p class="post-author">新中心</p>
                  <p class="post-date">
                    <time datetime="2022-01-01">2023年10月28号</time>
                  </p>
                </div>
              </div>
            </article>
          </div><!-- End post list item -->

          <div class="col-lg-4">
            <article>
              <div class="post-img">
                <img src="static/picture/alink2.png" alt="" class="img-fluid">
              </div>
              <p class="post-category">Advertisement</p>
              <h2 class="title">
                <a href="#">如何创建添加上谷歌?</a>
              </h2>
              <div class="d-flex align-items-center">
                <div class="post-meta">
                  <p class="post-author">创业产业园</p>
                  <p class="post-date">
                    <time datetime="2022-01-01">2023年12月11号</time>
                  </p>
                </div>
              </div>
            </article>
          </div><!-- End post list item -->

          <div class="col-lg-4">
            <article>
              <div class="post-img">
                <img src="static/picture/alink3.png" alt="" class="img-fluid">
              </div>
              <p class="post-category">Marketing</p>
              <h2 class="title">
                <a href="#">什么是数字营销？ </a>
              </h2>
              <div class="d-flex align-items-center">
                <div class="post-meta">
                  <p class="post-author">青岛</p>
                  <p class="post-date">
                    <time datetime="2022-01-01">2024年2月5号</time>
                  </p>
                </div>
              </div>
            </article>
          </div><!-- End post list item -->

        </div><!-- End recent posts list -->

      </div>
    </section><!-- End Recent Blog Posts Section -->

    <!-- Start Contact Section -->
    <div id="contact" class="contact-section section">
      <div class="section-header">
        <h2>联系我们</h2>
        <p>联系我们，获得专业的支持和服务</p>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-lg-4 col-md-12" data-aos="fade-right">
            <div class="contact-information-box-3">
              <div class="row">
                <div class="col-lg-12">
                  <div class="single-contact-info-box">
                    <div class="contact-info">
                      <h6>地址:</h6>
                      <p>山东省青岛市市北区敦化路381号中铁广场C座626</p>
                    </div>
                  </div>
                </div>
                <div class="col-lg-12">
                  <div class="single-contact-info-box">
                    <div class="contact-info">
                      <h6>电话:</h6>
                      <p>+86 18397964325</p>
                    </div>
                  </div>
                </div>
                <div class="col-lg-12">
                  <div class="single-contact-info-box">
                    <div class="contact-info">
                      <h6>邮箱:</h6>
                      <p>18397964325@163.com </p>
                      <p>xiaoyu@qdhjykjyxgs2.wecom.work </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-8 col-md-12" data-aos="fade-left">
            <div class="contact-form-box contact-form contact-form-3">
              <div class="form-container-box">
                <form class="contact-form form" id="ajax-contact" method="post" action="assets/phpscripts/contact.php">
                  <div class="controls">
                    <div class="row">
                      <div class="col-md-4">
                        <div class="form-group form-input-box">
                          <input type="text" class="form-control" id="name" name="name" placeholder="姓名" required="required" data-error="请输入姓名">
                          <div class="help-block with-errors"></div>
                        </div>
                      </div>
                      <div class="col-md-4">
                        <div class="form-group form-input-box">
                          <input type="text" class="form-control" id="phone" name="phone" placeholder="手机号" required="required" data-error="请输入手机号">
                          <div class="help-block with-errors"></div>
                        </div>
                      </div>
                      <div class="col-md-4">
                        <div class="form-group form-input-box">
                          <input type="email" class="form-control" id="email" name="email" placeholder="邮箱" required="required" data-error="请输入邮箱">
                          <div class="help-block with-errors"></div>
                        </div>
                      </div>
                      <div class="col-md-12">
                        <div class="form-group form-input-box">
                          <input type="text" class="form-control" name="xiangmu" placeholder="项目主题" required="required">
                        </div>
                      </div>
                      <div class="col-12">
                        <div class="form-group form-input-box">
                          <textarea class="form-control" id="message" name="message" rows="7" placeholder="写下你的需求信息" required="required" data-error="请给我们留言"></textarea>
                          <div class="help-block with-errors"></div>
                        </div>
                      </div>
                      <div class="col-md-12">
                        <button type="submit" data-text="Send Message">发送消息</button>
                      </div>
                      <div class="messages">
                        <div class="alert alert alert-success alert-dismissable alert-dismissable hidden" id="msgSubmit"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button> Thank You! your message has been sent. </div>
                      </div>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- End Contact Section -->


  </main><!-- End #main -->

  <!--  Footer  -->

  <footer id="footer" class="footer-section">
    <div class="container">
        <div class="footer-content pt-5 pb-5">
            <div class="row">
                <div class="col-xl-4 col-lg-4 mb-50">
                    <div class="footer-widget">
                        <div class="footer-logo">
                            <a href="" class="logo d-flex align-items-center">
                              <h1>宏吉云科技<span>.</span></h1>
                            </a>
                        </div>
                        <div class="footer-text">
                            <p>专注网站建设，追求设计品质</p>
                        </div>
                        <div class="footer-social-icon">
                            <span>关注我们</span>
                            <a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
                            <a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
                            <a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
                            <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
                        </div>
                    </div>
                </div>
                
                <div class="col-lg-2 col-md-6 col-sm-12 footer-column">
                      <div class="service-widget footer-widget">
                        <div class="footer-widget-heading">
                            <h3>服务范围</h3>
                        </div>
                          <ul class="list">
                              <li><a href="#">网页设计</a></li>
                              <li><a href="#">App应用</a></li>
                              <li><a href="#">云服务</a></li>
                              <li><a href="#">域名和服务器</a></li>
                              <li><a href="#">微信生态</a></li>
                              <li><a href="#">软件应用</a></li>
                          </ul>
                      </div>
                  </div>
                  <div class="col-lg-2 col-md-6 col-sm-12 footer-column">
                      <div class="service-widget footer-widget">
                        <div class="footer-widget-heading">
                            <h3>信息</h3>
                        </div>
                          <ul class="list">
                            <li><a href="#">登录</a></li>
                            <li><a href="#">注册</a></li>
                            <li><a href="#faq">常见问题</a></li>
                            <li><a href="#team">团队</a></li>
                            <li><a href="#">条款 &amp; 条件</a></li>
                            <li><a href="#">隐私政策</a></li>
                            <li><a href="#">示例页面</a></li>
                          </ul>
                      </div>
                  </div>
                <div class="col-xl-4 col-lg-4 col-md-6 mb-50">
                    <div class="contact-widget footer-widget">
                        <div class="footer-widget-heading">
                            <h3>联系方式</h3>
                        </div>
                          <div class="footer-text">
                              <p><i class="bi bi-geo-alt-fill mr-15"></i> 山东省青岛市市北区敦化路381号中铁广场C座626</p>
                              <p><i class="bi bi-telephone-inbound-fill mr-15"></i>+86 18397964325</p>
                              <p><i class="bi bi-envelope-fill mr-15"></i> xiaoyu@qdhjykjyxgs2.wecom.work</p>
                          </div>
                    </div>
                    <div class="footer-widget">
                        <div class="footer-widget-heading">
                            <h3>通讯</h3>
                        </div>
                        <div class="footer-text mb-25">
                            <p>不要错过订阅我们的新资讯，请填写表格。</p>
                        </div>
                        <div class="subscribe-form">
                            <form action="#">
                                <input type="text" placeholder="电子邮件">
                                <button><i class="bi bi-telegram"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-6 col-lg-6 text-left text-lg-left">
                    <div class="copyright-text">
                        <p>Copyright &copy; 2023.青岛宏吉云科技有限公司.</p>
                    </div>

                    <div class="copyright-text">
                        <p><a href="https://beian.miit.gov.cn/#/Integrated/index"  target="_blank" style="color:#b9b9b9">鲁ICP备2023037691号</a></p>
                    </div>

                    <div class="copyright-text">
                        <p>公司地址：山东省青岛市市北区敦化路381号中铁广场C座626</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
  </footer>
  <!-- End Footer -->

  <a href="#" class="scroll-top d-flex align-items-center justify-content-center active">
    <i class="bi bi-arrow-up-short"></i>
  </a>

  <div id="preloader"></div>

  <!-- Vendor JS Files -->
  <script src="static/js/jquery.min.js"></script>
  <script src="static/js/glightbox.min.js"></script>
  <script src="static/js/bootstrap.bundle.min.js"></script>
  <script src="static/js/aos.js"></script>
  <script src="static/js/swiper-bundle.min.js"></script>
  <script src="static/js/plugins.js"></script>
  <script src="static/js/purecounter_vanilla.js"></script>
  <script src="static/js/validator.min.js"></script>
  <script src="static/js/contactform.js"></script>
  <script src="static/js/particles.min.js"></script>
  <script src="static/js/script.js"></script>

  <!-- Template Main JS File -->
  <script src="static/js/main.js"></script>



</body></html>